<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.circle{
				border-radius: 50%;
				border: 5px outset gold;
			}
		</style>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			$(function(){
				$("#btn").click(function(){
					alert($("img:first").attr("width"));
					$("img:first").attr("width","100%").attr("height","100%");
					//this是第一个按钮
					$(this).attr("disabled","disabled");
					this.disabled="disabled";
				});
				$("#btn3").one("click",function(){
					alert($("img:first").attr("height"));
					$("img:first").attr("width","100%").attr("height","100%");
					
				});
				$("#btn2").click(function(){
					alert($("img:first").css("height"));
					$("img:first").toggleClass("circle");
				});
			});
		</script>
	</head>
	<body>
		<img src="../day5/images/1.jpg" height="100px" width="30%"/>
		<input type="button" id="btn" value="恢复大小"/>
		<input type="button" id="btn3" value="恢复大小"/>
		<input type="button" id="btn2" value="toggleClass"/>
	</body>
</html>
